<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
td{
    width: 90px;
    padding: 20px 32px;
    border: 3px blue solid;
    border-collapse: collapse;
    text-align: center;
}

tr{
    border-collapse: collapse;
}

table{
    border-collapse: collapse;
}


</style>

<body>
    <!-- <tr>
        <td></td>
    </tr> -->

<table>

    <script>
        document.write(`<table>`)
        for(i=1;i<=9;i++){
            document.write(
                   ` <tr>`
                )
            for(j=1;j<=i;j++){
                let total=j+'*'+i+"="+j*i;
                document.write(
                    `
                    
                        <td>${total}</td>
                    `
                )
              
            }
            document.write(
                   ` </tr>`
                )
        }
        document.write(`</table>`)



    </script>
</table>

    
</body>
</html>